<template>
  <div class="app-container">
    <el-card>
      <div class="projectView-title-outBox">
        <div class="projectView-title">我的项目/项目详情</div>
        <div class="back-btn" @click="handBack">
          <img src="@/assets/images/tripartite/back_button.png" alt="" />返回
        </div>
      </div>
      <div class="content-outBox">
        <!-- 左侧导航 -->
        <div class="step-left">
          <div class="pos">
            <div
              v-for="item in leftTab"
              :key="item.check"
              :class="item.check == checkActive ? 'active' : ''"
              @click="checkTab(item.check)"
            >
              <span></span>{{ item.label }}
            </div>
          </div>
        </div>
        <!-- 右侧内容 -->
        <div class="content-right">
          <!-- 基本信息 -->
          <div class="model-outBox" ref="one">
            <div class="model-title" style="display: flex ;justify-content: space-between;">
              <div>
                <img src="@/assets/images/tripartite/icon_title.png" />
                <span>基本信息</span>
              </div>
              <div>
                <el-button size="small" type="primary" @click="toPrint">打印基础信息</el-button>
              </div>
            </div>
            <div style="display:none;">
              <print-box ref="printBox" :data="printData"></print-box>
            </div>
            <el-descriptions border :column="1">
              <el-descriptions-item
                label="项目名称"
                label-class-name="descriptions-item-label"
                content-class-name="descriptions-item-content"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{
                    annualDeclaration.entryName
                      ? annualDeclaration.entryName
                      : ""
                  }}</span
                ><span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{
                    supplementaryDeclaration.entryName
                      ? supplementaryDeclaration.entryName
                      : ""
                  }}</span
                ></el-descriptions-item
              >
            </el-descriptions>
            <el-descriptions border :column="3">
              <el-descriptions-item
                label="项目性质"
                label-class-name="descriptions-item-label cancel-border-top"
                content-class-name="descriptions-item-content cancel-border-top"
                >{{
                  managementMessage.nature == 0 ? "年度项目" : "增补项目"
                }}</el-descriptions-item
              >
              <el-descriptions-item
                label="项目类别"
                label-class-name="descriptions-item-label cancel-border-top"
                content-class-name="descriptions-item-content cancel-border-top"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{
                    annualDeclaration.projectCategory === '0'
                      ? "建设类（新开工）"
                      : annualDeclaration.projectCategory === '1'
                      ? "建设类（续建）"
                      : annualDeclaration.projectCategory === '2'
                      ? "购买服务类"
                      : annualDeclaration.projectCategory === '3'
                      ? "运维类"
                      : annualDeclaration.projectCategory === '4'
                      ? "其他"
                      : annualDeclaration.projectCategory
                  }}</span
                >
                <span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{
                    supplementaryDeclaration.projectCategory === '0'
                      ? "建设类（新开工）"
                      : supplementaryDeclaration.projectCategory === '1'
                      ? "建设类（续建）"
                      : supplementaryDeclaration.projectCategory === '2'
                      ? "购买服务类"
                      : supplementaryDeclaration.projectCategory === '3'
                      ? "运维类"
                      : supplementaryDeclaration.projectCategory === '4'
                      ? "其他"
                      : ""
                  }}</span
                >
              </el-descriptions-item>
              <el-descriptions-item
                label="申报时间"
                label-class-name="descriptions-item-label cancel-border-top"
                content-class-name="descriptions-item-content cancel-border-top"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{
                    annualDeclaration.createTime
                      ? formatDate(annualDeclaration.createTime)
                      : ""
                  }}</span
                >
                <span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{
                    supplementaryDeclaration.createTime
                      ? formatDate(supplementaryDeclaration.createTime)
                      : ""
                  }}</span
                ></el-descriptions-item
              >
              <el-descriptions-item
                label="项目投资估算(万元)"
                label-class-name="descriptions-item-label cancel-border-bottom"
                content-class-name="descriptions-item-content cancel-border-bottom"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{ annualDeclaration.projectInvestmentEstimation }}</span
                ><span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{
                    supplementaryDeclaration.projectInvestmentEstimation
                  }}</span
                ></el-descriptions-item
              >
              <el-descriptions-item
                label="资金来源"
                label-class-name="descriptions-item-label cancel-border-bottom"
                content-class-name="descriptions-item-content cancel-border-bottom"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{
                    annualDeclaration.sourceOfFunds == "0" ? "区财政资金" : annualDeclaration.sourceOfFunds == "1" ? "其他" :""
                  }}</span
                ><span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{
                    supplementaryDeclaration.sourceOfFunds == "0"
                      ? "区财政资金"
                      :supplementaryDeclaration.sourceOfFunds == "1"
                      ? "其他"
                      : ""
                  }}</span
                ></el-descriptions-item
              >
            </el-descriptions>
            <el-descriptions border :column="1">
              <el-descriptions-item
                label="项目建设理由"
                label-class-name="descriptions-item-label descriptions-item-height"
                content-class-name="descriptions-item-content descriptions-item-height"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{ annualDeclaration.reasonsForProjectConstruction }}</span
                ><span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{
                    supplementaryDeclaration.reasonsForProjectConstruction
                  }}</span
                ></el-descriptions-item
              >
              <el-descriptions-item
                label="项目内容简介"
                label-class-name="descriptions-item-label descriptions-item-height"
                content-class-name="descriptions-item-content descriptions-item-height"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{ annualDeclaration.projectContentIntroduction }}</span
                ><span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{
                    supplementaryDeclaration.projectContentIntroduction
                  }}</span
                ></el-descriptions-item
              >
              <el-descriptions-item
                label="预期效果描述"
                label-class-name="descriptions-item-label descriptions-item-height"
                content-class-name="descriptions-item-content descriptions-item-height"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{ annualDeclaration.expectedEffectDescription }}</span
                ><span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{
                    supplementaryDeclaration.expectedEffectDescription
                  }}</span
                ></el-descriptions-item
              >
              <el-descriptions-item
                label="项目进展"
                label-class-name="descriptions-item-label descriptions-item-height"
                content-class-name="descriptions-item-content descriptions-item-height"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{ annualDeclaration.workCompletion }}</span
                ><span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{
                    supplementaryDeclaration.preliminaryWorkCompletion
                  }}</span
                ></el-descriptions-item
              >
              <el-descriptions-item
                label="增补凭证"
                label-class-name="descriptions-item-label "
                content-class-name="descriptions-item-content "
                v-if="supplementaryDeclaration.supplementaryVoucherFile&&supplementaryDeclaration.supplementaryVoucherFile.fileName"
              >
               <span
                  class="pointer blueColor"
                  @click="$download(supplementaryDeclaration.supplementaryVoucherFile?supplementaryDeclaration.supplementaryVoucherFile.fileUrl:'')"
                  v-if="
                    supplementaryDeclaration !== null || supplementaryDeclaration != undefined
                  "
                  ><img
                    src="@/assets/images/tripartite/icon_files.png"
                    v-show="supplementaryDeclaration.supplementaryVoucherFile&&supplementaryDeclaration.supplementaryVoucherFile.fileUrl"
                  />{{
                    supplementaryDeclaration.supplementaryVoucherFile&&supplementaryDeclaration.supplementaryVoucherFile.fileName
                      ? supplementaryDeclaration.supplementaryVoucherFile.fileName
                      : ""
                  }}
                </span>
                </el-descriptions-item
              >
              <el-descriptions-item
                label="项目建议书"
                label-class-name="descriptions-item-label "
                content-class-name="descriptions-item-content "
              >
                <span
                  class="pointer blueColor"
                  @click="$download(annualDeclaration.projectProposalFile?annualDeclaration.projectProposalFile.fileUrl:'')"
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  ><img
                    src="@/assets/images/tripartite/icon_files.png"
                    v-show="annualDeclaration.projectProposalFile&&annualDeclaration.projectProposalFile.fileUrl"
                  />{{
                    annualDeclaration.projectProposalFile&&annualDeclaration.projectProposalFile.fileName
                      ? annualDeclaration.projectProposalFile.fileName
                      : ""
                  }}
                </span>
                <span
                  class="pointer blueColor"
                  @click="$download(supplementaryDeclaration.projectProposalFile?supplementaryDeclaration.projectProposalFile.fileUrl:'')"
                  v-if="
                    supplementaryDeclaration !== null || supplementaryDeclaration != undefined
                  "
                  ><img
                    src="@/assets/images/tripartite/icon_files.png"
                    v-show="supplementaryDeclaration.projectProposalFile&&supplementaryDeclaration.projectProposalFile.fileUrl"
                  />{{
                    supplementaryDeclaration.projectProposalFile&&supplementaryDeclaration.projectProposalFile.fileName
                      ? supplementaryDeclaration.projectProposalFile.fileName
                      : ""
                  }}
                </span>
                </el-descriptions-item
              >
            </el-descriptions>
          </div>
          <!-- 联系方式 -->
          <div class="model-outBox" ref="two">
            <div class="model-title">
              <img src="@/assets/images/tripartite/icon_title.png" />
              <span>联系方式</span>
            </div>
            <el-descriptions border :column="2">
              <el-descriptions-item
                label="业主单位"
                label-class-name="descriptions-item-label"
                content-class-name="descriptions-item-content"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{ annualDeclaration.constructionUnit }}</span
                ><span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{ supplementaryDeclaration.constructionUnit }}</span
                ></el-descriptions-item
              >
              <el-descriptions-item
                label="责任科室"
                label-class-name="descriptions-item-label"
                content-class-name="descriptions-item-content"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{ annualDeclaration.department }}</span
                ><span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{ supplementaryDeclaration.department }}</span
                ></el-descriptions-item
              >
              <el-descriptions-item
                label="项目负责人"
                label-class-name="descriptions-item-label"
                content-class-name="descriptions-item-content"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{ annualDeclaration.projectLeader }}</span
                ><span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{ supplementaryDeclaration.projectLeader }}</span
                ></el-descriptions-item
              >
              <el-descriptions-item
                label="负责人电话"
                label-class-name="descriptions-item-label"
                content-class-name="descriptions-item-content"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{ annualDeclaration.telephoneNumber }}</span
                ><span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{ supplementaryDeclaration.telephoneNumber }}</span
                ></el-descriptions-item
              >
              <el-descriptions-item
                label="项目联系人"
                label-class-name="descriptions-item-label"
                content-class-name="descriptions-item-content"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{ annualDeclaration.projectContact }}</span
                ><span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{ supplementaryDeclaration.projectContact }}</span
                ></el-descriptions-item
              >
              <el-descriptions-item
                label="联系人电话"
                label-class-name="descriptions-item-label"
                content-class-name="descriptions-item-content"
                ><span
                  v-if="
                    annualDeclaration !== null || annualDeclaration != undefined
                  "
                  >{{ annualDeclaration.contactTelephone }}</span
                ><span
                  v-if="
                    supplementaryDeclaration !== null ||
                    supplementaryDeclaration != undefined
                  "
                  >{{ supplementaryDeclaration.contactTelephone }}</span
                ></el-descriptions-item
              >
            </el-descriptions>
          </div>
          <!-- 添加div用于获取点击方案申报 滚动条滚动到相应位置 -->
          <div ref="tabsTwo">
            <!-- 方案申报 -->
            <div
              class="model-outBox"
              ref="three"
              v-show="isShowData.SchemeDeclaration"
            >
              <div class="model-title">
                <img src="@/assets/images/tripartite/icon_title.png" />
                <span>方案申报</span>
              </div>
              <el-descriptions border :column="2">
                <el-descriptions-item
                  label="设计单位"
                  :span="2"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      schemeDeclaration !== null || schemeDeclaration != undefined
                    "
                    >{{
                      schemeDeclaration.designUnit
                        ? schemeDeclaration.designUnit
                        : ""
                    }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item label="评标方法" :span="1"
                label-class-name="descriptions-item-label"
                content-class-name="descriptions-item-content">
                  <!-- {{schemeDeclaration ? schemeDeclaration.assessmentMethod === '0' ? '综合评分法' 
                    : (schemeDeclaration.assessmentMethod === '1' 
                    ? '最低评标价法' 
                    : schemeDeclaration.assessmentMethod === '2' 
                    ? '性价比法' 
                    :schemeDeclaration.assessmentMethod === '3' 
                    ? '其他' 
                    :'')
                    : ''}} -->
                    {{schemeDeclaration ? schemeDeclaration.assessmentMethod : ''}}
                </el-descriptions-item>
                <el-descriptions-item label="项目代码" :span="1"
                label-class-name="descriptions-item-label"
                content-class-name="descriptions-item-content">
                  {{schemeDeclaration ? schemeDeclaration.projectCode : ''}}
                </el-descriptions-item>
                <el-descriptions-item
                  label="系统架构简述"
                  :span="2"
                  label-class-name="descriptions-item-label descriptions-item-height"
                  content-class-name="descriptions-item-content descriptions-item-height"
                  ><span
                    v-if="
                      schemeDeclaration !== null || schemeDeclaration != undefined
                    "
                    >{{
                      schemeDeclaration.systemArchitecture
                        ? schemeDeclaration.systemArchitecture
                        : ""
                    }}</span
                  ></el-descriptions-item
                >
                <!-- <el-descriptions-item
                  label="可行性研究报告"
                  :span="2"
                  label-class-name="descriptions-item-label "
                  content-class-name="descriptions-item-content"
                >
                  <span
                    class="pointer blueColor"
                    @click="downloadFile(schemeDeclaration.researchReportFile)"
                    v-if="
                      schemeDeclaration !== null || schemeDeclaration != undefined
                    "
                    ><img
                      src="@/assets/images/tripartite/icon_files.png"
                      v-show="schemeDeclaration.researchReportFile&&schemeDeclaration.researchReportFile.fileUrl"
                    />{{
                      schemeDeclaration.researchReportFile&&schemeDeclaration.researchReportFile.fileName
                        ? schemeDeclaration.researchReportFile.fileName
                        : ""
                    }}
                  </span>
                </el-descriptions-item> -->
                <el-descriptions-item
                  label="可研批复(立项文件)"
                  :span="2"
                  label-class-name="descriptions-item-label "
                  content-class-name="descriptions-item-content "
                >
                <span
                  class="pointer blueColor"
                  @click="$download(schemeDeclaration.budgetProposalFile?schemeDeclaration.budgetProposalFile.fileUrl:'')"
                  v-if="
                    schemeDeclaration !== null || schemeDeclaration != undefined
                  "
                  ><img
                    src="@/assets/images/tripartite/icon_files.png"
                    v-show="schemeDeclaration.budgetProposalFile&&schemeDeclaration.budgetProposalFile.fileUrl"
                  />{{
                    schemeDeclaration.budgetProposalFile&&schemeDeclaration.budgetProposalFile.fileName
                      ? schemeDeclaration.budgetProposalFile.fileName
                      : ""
                  }}
                </span>
                </el-descriptions-item
                >
                <el-descriptions-item
                  label="初设方案(可研代初设)"
                  :span="2"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                >
                  <span
                    class="pointer blueColor"
                    @click="$download(schemeDeclaration.preliminaryDesignSchemeFile?schemeDeclaration.preliminaryDesignSchemeFile.fileUrl:'')"
                    v-if="
                      schemeDeclaration !== null || schemeDeclaration != undefined
                    "
                    ><img
                      src="@/assets/images/tripartite/icon_files.png"
                      v-show="schemeDeclaration.preliminaryDesignSchemeFile&&schemeDeclaration.preliminaryDesignSchemeFile.fileUrl"
                    />{{
                      schemeDeclaration.preliminaryDesignSchemeFile&&schemeDeclaration.preliminaryDesignSchemeFile.fileName
                        ? schemeDeclaration.preliminaryDesignSchemeFile.fileName
                        : ""
                    }}
                  </span>
                  </el-descriptions-item
                >
                <!-- <el-descriptions-item
                  label="预算方案"
                  :span="2"
                  label-class-name="descriptions-item-label "
                  content-class-name="descriptions-item-content"
                  >
                  <span
                    class="pointer blueColor"
                    @click="downloadFile(schemeDeclaration.budgetProgrammeFile)"
                    v-if="
                      schemeDeclaration !== null || schemeDeclaration != undefined
                    "
                    ><img
                      src="@/assets/images/tripartite/icon_files.png"
                      v-show="schemeDeclaration.budgetProgrammeFile&&schemeDeclaration.budgetProgrammeFile.fileUrl"
                    />{{
                      schemeDeclaration.budgetProgrammeFile&&schemeDeclaration.budgetProgrammeFile.fileName
                        ? schemeDeclaration.budgetProgrammeFile.fileName
                        : ""
                    }}
                  </span>
                  </el-descriptions-item
                > -->
                <!-- <el-descriptions-item
                  label="云资源需求清单"
                  :span="2"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                >
                  <span
                    class="pointer blueColor"
                    @click="
                      downloadFile(
                        schemeDeclaration.cloudResourceApplicationFile
                      )
                    "
                    v-if="
                      schemeDeclaration !== null || schemeDeclaration != undefined
                    "
                  >
                    <img
                      src="@/assets/images/tripartite/icon_files.png"
                      v-show="
                        schemeDeclaration.cloudResourceApplicationFile &&
                        schemeDeclaration.cloudResourceApplicationFile.fileName
                      "
                    />
                    {{
                      schemeDeclaration.cloudResourceApplicationFile &&
                      schemeDeclaration.cloudResourceApplicationFile.fileName
                        ? schemeDeclaration.cloudResourceApplicationFile.fileName
                        : ""
                    }}
                  </span>
                </el-descriptions-item> -->
              </el-descriptions>
            </div>
            <!-- 系统信息 -->
            <div v-show="systemInfoList && systemInfoList.length > 0">
              <div class="model-title">
                <img src="@/assets/images/tripartite/icon_title.png" />
                <span>系统信息</span>
              </div>
              <el-table :data="systemInfoList" border>
                <el-table-column
                  label="系统名称"
                  align="center"
                  width="400"
                  prop="systemName"
                  :show-overflow-tooltip="true"
                />
                <el-table-column
                  label="系统描述"
                  align="center"
                  prop="systemDesc"
                  :show-overflow-tooltip="true"
                />
                <el-table-column
                  label="是否申请云资源"
                  align="center"
                  prop="appIsCloud"
                  width="288"
                >
                  <template slot-scope="scope">
                    <span>{{scope.row.appIsCloud==='0'?'否':scope.row.appIsCloud==='1'?'是':''}}</span>
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <!-- 政务数据资源目录清单 -->
            <div
              v-show="
                governmentDataResourcesAddDtoList &&
                governmentDataResourcesAddDtoList.length > 0
              "
            >
              <div class="model-title other-title">
                <img src="@/assets/images/tripartite/icon_title.png" />
                <span>政务数据资源目录清单</span>
              </div>
              <el-table :data="governmentDataResourcesAddDtoList" border>
                <el-table-column
                  label="信息资源名称"
                  align="center"
                  prop="informationResourceName"
                  :show-overflow-tooltip="true"
                  width="228"
                >
                </el-table-column>
                <el-table-column
                  label="信息资源来源系统"
                  align="center"
                  prop="informationResourceSourceSystem"
                  width="228"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="信息资源源代码"
                  align="center"
                  prop="informationResourceCode"
                  width="228"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="信息资源提供方"
                  align="center"
                  prop="informationResourceProvider"
                  width="228"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="提供方内部部门"
                  align="center"
                  prop="providersInternalDepartment"
                  width="228"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="资源提供方代码"
                  align="center"
                  prop="resourceProviderCode"
                  width="228"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="信息资源摘要"
                  align="center"
                  prop="summaryOfInformationResources"
                  width="228"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="信息资源格式分类"
                  align="center"
                  prop="classificationOfInformationResourceFormats"
                  width="228"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="信息资源格式类型"
                  align="center"
                  prop="informationResourceFormatType"
                  width="228"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="其他类型资源格式描述"
                  align="center"
                  prop="other"
                  width="228"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="信息项名称"
                  align="center"
                  prop="informationItemName"
                  width="228"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="数据类型"
                  align="center"
                  prop="typeOfData"
                  width="228"
                >
                </el-table-column>
                <el-table-column
                  label="数据长度"
                  align="center"
                  prop="dataLength"
                  width="120"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="共享类型"
                  align="center"
                  prop="shareType"
                  width="120"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="共享条件"
                  align="center"
                  prop="sharingConditions"
                  width="228"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label=" 共享方式分类"
                  align="center"
                  prop="sharingModeClassification"
                  width="120"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label=" 共享方式类型"
                  align="center"
                  prop="sharingModeType"
                  width="120"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label=" 是否向社会开放"
                  align="center"
                  prop="isOpen"
                  width="120"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label=" 开放条件"
                  align="center"
                  prop="openConditions"
                  width="120"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label=" 更新周期"
                  align="center"
                  prop="updateCycle"
                  width="120"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label=" 发布日期"
                  align="center"
                  prop="releaseDate"
                  width="228"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label=" 平台目录标识"
                  align="center"
                  prop="platformDirectoryId"
                  width="120"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
              </el-table>
            </div>
            <!-- 云资源需求 -->
            <div
              v-show="
                insertCloudResourceDtoList &&
                insertCloudResourceDtoList.length > 0
              "
            >
              <div class="model-title other-title">
                <img src="@/assets/images/tripartite/icon_title.png" />
                <span>云资源需求</span>
              </div>
              <el-table :data="insertCloudResourceDtoList" border>
                <el-table-column
                  label="云服务器名称"
                  align="center"
                  prop="cloudServerName"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="CPU(核)"
                  align="center"
                  prop="cpu"
                ></el-table-column>
                <el-table-column
                  label="内存(G)"
                  align="center"
                  prop="memory"
                ></el-table-column>
                <el-table-column label="硬盘(G)" align="center" prop="hardDisk">
                </el-table-column>
                <el-table-column
                  label="数量"
                  align="center"
                  prop="number"
                ></el-table-column>
              </el-table>
            </div>
            <!-- 物联设备信息 -->
            <div
              v-show="
                insertIotDeviceInfoDtosList &&
                insertIotDeviceInfoDtosList.length > 0
              "
            >
              <div class="model-title other-title">
                <img src="@/assets/images/tripartite/icon_title.png" />
                <span>物联设备信息</span>
              </div>
              <el-table :data="insertIotDeviceInfoDtosList" border>
                <el-table-column
                  label="产品名称"
                  align="center"
                  prop="productName"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  label="参数"
                  align="center"
                  prop="deviceParam"
                ></el-table-column>
                <el-table-column
                  label="数量"
                  align="center"
                  prop="deviceNum"
                ></el-table-column>
                <el-table-column
                  label="建设地点"
                  align="center"
                  prop="constructionSite"
                ></el-table-column>
                <el-table-column
                  label="建设方式"
                  align="center"
                  prop="constructionWay"
                ></el-table-column>
                <el-table-column
                  label="设备功能"
                  align="center"
                  prop="deviceFunction"
                ></el-table-column>
              </el-table>
            </div>
            <!-- 初设及概算方案批复 -->
            <div class="model-outBox" ref="four" v-show="isShowData.Finance">
              <div class="model-title">
                <img src="@/assets/images/tripartite/icon_title.png" />
                <span>初设及概算方案批复</span>
              </div>
              <el-descriptions border :column="1">
                <el-descriptions-item
                  label="初设及概算方案批复"
                  label-class-name="descriptions-item-label "
                  content-class-name="descriptions-item-content"
                  >
                  <span
                    class="pointer blueColor"
                    @click="$download(finance.approvalAnnexFile?finance.approvalAnnexFile.fileUrl:'')"
                    v-if="
                      finance !== null
                    "
                    ><img
                      src="@/assets/images/tripartite/icon_files.png"
                      v-show="finance.approvalAnnexFile&&finance.approvalAnnexFile.fileUrl"
                    />{{
                      finance.approvalAnnexFile&&finance.approvalAnnexFile.fileName
                        ? finance.approvalAnnexFile.fileName
                        : ""
                    }}
                  </span>
                  </el-descriptions-item
                >
                <!-- <el-descriptions-item
                  label="区财政局审批结果"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  >
                  <span
                    class="pointer blueColor"
                    @click="downloadFile(finance.approvalFinanceFile)"
                    v-if="
                      finance !== null
                    "
                    ><img
                      src="@/assets/images/tripartite/icon_files.png"
                      v-show="finance.approvalFinanceFile&&finance.approvalFinanceFile.fileUrl"
                    />{{
                      finance.approvalFinanceFile&&finance.approvalFinanceFile.fileName
                        ? finance.approvalFinanceFile.fileName
                        : ""
                    }}
                  </span>
                </el-descriptions-item
                > -->
              </el-descriptions>
            </div>
          </div>
          <!-- 添加div用于获取点击项目实施 滚动条滚动到相应位置 -->
          <div ref="tabsThree">
            <!-- 合同信息 -->
            <div class="model-outBox" ref="five" v-show="isShowData.ContractInformation">
              <div class="model-title">
                <img src="@/assets/images/tripartite/icon_title.png" />
                <span>合同信息</span>
              </div>
              <el-descriptions border :column="3">
                <el-descriptions-item
                  label="合同名称"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    >{{
                      contractInformation.contractName
                        ? contractInformation.contractName
                        : ""
                    }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item
                  label="合同编号"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    >{{ contractInformation.contractNo }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item
                  label="合同金额(万元)"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    >{{
                      contractInformation.contractAmount
                        ? contractInformation.contractAmount
                        : ""
                    }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item
                  label="甲方"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    >{{
                      contractInformation.partyA ? contractInformation.partyA : ""
                    }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item
                  label="甲方联系人"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    >{{
                      contractInformation.contactPersonA
                        ? contractInformation.contactPersonA
                        : ""
                    }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item
                  label="甲方联系电话"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    >{{
                      contractInformation.contactNumberA
                        ? contractInformation.contactNumberA
                        : ""
                    }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item
                  label="乙方"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    >{{
                      contractInformation.partyB ? contractInformation.partyB : ""
                    }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item
                  label="乙方联系人"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    >{{
                      contractInformation.contactPersonB
                        ? contractInformation.contactPersonB
                        : ""
                    }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item
                  label="乙方联系电话"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    >{{
                      contractInformation.contactNumberB
                        ? contractInformation.contactNumberB
                        : ""
                    }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item
                  label="签约时间"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    >{{
                      contractInformation.signingTime
                        ? formatDate(contractInformation.signingTime)
                        : ""
                    }}</span
                  ></el-descriptions-item
                >                
              </el-descriptions>
              <el-descriptions border :column="1">
                <el-descriptions-item
                  label="招标公告网址"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    >{{
                      contractInformation.tenderAnnouncementWebsite
                    }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item
                  label="中标公告网址"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    >{{
                      contractInformation.websiteOfBidWinningAnnouncement
                    }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item
                  label="招标公告文件"
                  label-class-name="descriptions-item-label cancel-border-top"
                  content-class-name="descriptions-item-content cancel-border-top"
                  ><span
                    class="pointer blueColor"
                    @click="
                      $download(
                        contractInformation.tenderAnnouncementFile?contractInformation.tenderAnnouncementFile.fileUrl:''
                      )
                    "
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    ><img src="@/assets/images/tripartite/icon_files.png" v-show="contractInformation.tenderAnnouncementFile&&contractInformation.tenderAnnouncementFile.fileName"/>{{
                      contractInformation.tenderAnnouncementFile
                        ? contractInformation.tenderAnnouncementFile.fileName
                        : ""
                    }}
                  </span>
                </el-descriptions-item>
              </el-descriptions>
              <el-descriptions border :column="1">
                <el-descriptions-item
                  label="中标公告文件"
                  label-class-name="descriptions-item-label cancel-border-top"
                  content-class-name="descriptions-item-content cancel-border-top"
                  ><span
                    class="pointer blueColor"
                    @click="
                      $download(
                        contractInformation.bidWinningAnnouncementFile?contractInformation.bidWinningAnnouncementFile.fileUrl:''
                      )
                    "
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    ><img src="@/assets/images/tripartite/icon_files.png" v-show="contractInformation.bidWinningAnnouncementFile&&contractInformation.bidWinningAnnouncementFile.fileName"/>{{
                      contractInformation.bidWinningAnnouncementFile
                        ? contractInformation.bidWinningAnnouncementFile.fileName
                        : ""
                    }}
                  </span>
                </el-descriptions-item>
              </el-descriptions>
              <el-descriptions border :column="1">
                <el-descriptions-item
                  label="合同扫描件(带公章)"
                  label-class-name="descriptions-item-label cancel-border-top"
                  content-class-name="descriptions-item-content cancel-border-top"
                  ><span
                    class="pointer blueColor"
                    @click="
                      $download(
                        contractInformation.scannedCopyOfContract?contractInformation.scannedCopyOfContract.fileUrl:''
                      )
                    "
                    v-if="
                      contractInformation !== null ||
                      contractInformation != undefined
                    "
                    ><img src="@/assets/images/tripartite/icon_files.png" />{{
                      contractInformation.scannedCopyOfContract
                        ? contractInformation.scannedCopyOfContract.fileName
                        : ""
                    }}
                  </span>
                </el-descriptions-item>
              </el-descriptions>              
            </div>
            <!-- 里程碑信息 -->
            <div class="model-outBox" ref="six" v-show="isShowData.MilestoneInformation">
              <div class="model-title">
                <img src="@/assets/images/tripartite/icon_title.png" />
                <span>里程碑信息</span>
              </div>
              <el-table :data="milestoneList" border :cell-style="columnStyle">
                <el-table-column
                  label="里程碑名称"
                  align="center"
                  prop="milestoneName"
                  :show-overflow-tooltip="true"
                />
                <el-table-column
                  label="计划完成时间"
                  align="center"
                  prop="plannedCompletionTime"
                >
                  <template slot-scope="scope">
                    <span>{{formatDate(scope.row.plannedCompletionTime)}}</span>
                  </template>
                </el-table-column>
                <el-table-column
                  label="实际完成时间"
                  align="center"
                  prop="actualCompletionTime"
                >
                  <template slot-scope="scope">
                    <span>{{formatDate(scope.row.actualCompletionTime)}}</span>
                  </template>
                </el-table-column>
                <el-table-column
                  label="完成标准"
                  align="center"
                  prop="completionCriteria"
                  :show-overflow-tooltip="true"
                />
                <el-table-column
                  label="附件"
                  align="center"
                  :show-overflow-tooltip="true"
                >
                  <template slot-scope="scope">
                    <span
                      class="pointer blueColor"
                      @click="
                        $download(
                          scope.row.enclosureFile?scope.row.enclosureFile.fileUrl:''
                        )
                      "
                      v-if="
                        scope.row.enclosureFile !== null ||
                        scope.row.enclosureFile != undefined
                      "
                      ><img src="@/assets/images/tripartite/icon_files.png" style="width:16px;height:16px" v-show="scope.row.enclosureFile&&scope.row.enclosureFile.fileName"/>{{
                        scope.row.enclosureFile
                          ? scope.row.enclosureFile.fileName
                          : ""
                      }}
                    </span>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
          <!-- 添加div用于获取点击项目验收 滚动条滚动到相应位置 -->
          <div ref="tabsFour">
            <!-- 合规审查 -->
            <div class="model-outBox" ref="seven" v-show="isShowData.Compliance">
              <div class="model-title">
                <img src="@/assets/images/tripartite/icon_title.png" />
                <span>合规审查</span>
              </div>
              <el-descriptions border :column="2">
                <el-descriptions-item
                  label="试运行开始时间"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span v-if="compliance !== null || compliance != undefined">{{
                    compliance.tryTime ? formatDate(compliance.tryTime) : ""
                  }}</span></el-descriptions-item
                >
                <el-descriptions-item
                  label="项目部署"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  >
                  <!-- <span v-if="compliance !== null || compliance != undefined">{{
                    compliance.deploymentMode==0 ? '政务云部署'
                    :compliance.deploymentMode==1 ? '私有云部署'
                    :compliance.deploymentMode==2 ? '公有云部署'
                    :compliance.deploymentMode==3 ? '自建机房部署'  
                    : compliance.deploymentMode
                  }}</span> -->
                  <span v-if="compliance !== null || compliance != undefined">
                    {{compliance.deploymentMode}}
                  </span>
                </el-descriptions-item
                >
                <el-descriptions-item
                  label="安全评测"
                  label-class-name="descriptions-item-label cancel-border-bottom"
                  content-class-name="descriptions-item-content cancel-border-bottom"
                  >
                  <!-- <span v-if="compliance !== null || compliance != undefined">{{
                    compliance.safetyEvaluation ==0? '未评测' 
                    : compliance.safetyEvaluation ==1?'三级等保评测'
                    : compliance.safetyEvaluation
                  }}</span> -->
                  <span v-if="compliance !== null || compliance != undefined">
                    {{compliance.safetyEvaluation}}
                  </span>
                </el-descriptions-item
                >
                <el-descriptions-item
                  label="是否按照方案实现数据源共享"
                  label-class-name="descriptions-item-label cancel-border-bottom"
                  content-class-name="descriptions-item-content cancel-border-bottom"
                  ><span v-if="compliance !== null || compliance != undefined">{{
                    compliance.isAccord == 0 ? '是' : "否"
                  }}</span></el-descriptions-item
                >
              </el-descriptions>
              <el-descriptions border :column="1">
                <el-descriptions-item
                  label="系统整合"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span v-if="compliance !== null || compliance != undefined">{{
                    compliance.systemIntegration
                  }}</span></el-descriptions-item
                >
                <el-descriptions-item
                  label="试运行效果描述"
                  label-class-name="descriptions-item-label descriptions-item-height"
                  content-class-name="descriptions-item-content descriptions-item-height"
                  ><span v-if="compliance !== null || compliance != undefined">{{
                    compliance.tryEffectDescription
                      ? compliance.tryEffectDescription
                      : ""
                  }}</span></el-descriptions-item
                >
                <el-descriptions-item
                  label="试运行效果证明材料"
                  label-class-name="descriptions-item-label "
                  content-class-name="descriptions-item-content "
                  ><span
                    class="pointer blueColor"
                    @click="
                      $download(
                        compliance.tryEffectDescriptionStuffFile?compliance.tryEffectDescriptionStuffFile.fileUrl:''
                      )
                    "
                    v-if="compliance !== null || compliance != undefined"
                    ><img src="@/assets/images/tripartite/icon_files.png" v-show="compliance.tryEffectDescriptionStuffFile&&compliance.tryEffectDescriptionStuffFile.fileName"/>{{
                      compliance.tryEffectDescriptionStuffFile
                        ? compliance.tryEffectDescriptionStuffFile.fileName
                        : ""
                    }}
                  </span>
                  </el-descriptions-item
                >
              </el-descriptions>
            </div>
            <!-- 初验信息 -->
            <div class="model-outBox" ref="eight" v-show="isShowData.PreliminaryInformation">
              <div class="model-title">
                <img src="@/assets/images/tripartite/icon_title.png" />
                <span>初验信息</span>
              </div>
              <el-descriptions border :column="3">
                <el-descriptions-item
                  label="初验时间"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      preliminaryInformation !== null ||
                      preliminaryInformation != undefined
                    "
                    >{{
                      preliminaryInformation.initialAcceptanceTime
                        ? formatDate(preliminaryInformation.initialAcceptanceTime)
                        : ""
                    }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item
                  label="机构名称"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span
                    v-if="
                      preliminaryInformation !== null ||
                      preliminaryInformation != undefined
                    "
                    >{{
                      preliminaryInformation.organizationName
                        ? preliminaryInformation.organizationName
                        : ""
                    }}</span
                  ></el-descriptions-item
                >
                <el-descriptions-item
                  label="初验通过凭证"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  >
                  <span
                    class="pointer blueColor"
                    @click="$download(preliminaryInformation.certificateFile?preliminaryInformation.certificateFile.fileUrl:'')"
                    v-if="
                      preliminaryInformation !== null ||
                      preliminaryInformation != undefined
                    "
                    ><img
                      src="@/assets/images/tripartite/icon_files.png"
                      v-show="preliminaryInformation.certificateFile&&preliminaryInformation.certificateFile.fileUrl"
                    />{{
                      preliminaryInformation.certificateFile&&preliminaryInformation.certificateFile.fileName
                        ? preliminaryInformation.certificateFile.fileName
                        : ""
                    }}
                  </span>
                </el-descriptions-item>
              </el-descriptions>
            </div>
            <!-- 终验信息 -->
            <div class="model-outBox" ref="nine" v-show="isShowData.LastCheck">
              <div class="model-title">
                <img src="@/assets/images/tripartite/icon_title.png" />
                <span>终验信息</span>
              </div>
              <el-descriptions border :column="3">
                <el-descriptions-item
                  label="终验时间"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span v-if="lastCheck !== null || lastCheck != undefined">{{
                    lastCheck.lastAdoptTime
                      ? formatDate(lastCheck.lastAdoptTime)
                      : ""
                  }}</span></el-descriptions-item
                >
                <el-descriptions-item
                  label="机构名称"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  ><span v-if="lastCheck !== null || lastCheck != undefined">{{
                    lastCheck.checkName ? lastCheck.checkName : ""
                  }}</span></el-descriptions-item
                >
                <el-descriptions-item
                  label="终验通过凭证"
                  label-class-name="descriptions-item-label"
                  content-class-name="descriptions-item-content"
                  >
                  <span
                    class="pointer blueColor"
                    @click="$download(lastCheck.lastAdoptVoucherFile?lastCheck.lastAdoptVoucherFile.fileUrl:'')"
                    v-if="
                      lastCheck !== null || lastCheck != undefined
                    "
                    ><img
                      src="@/assets/images/tripartite/icon_files.png"
                      v-show="lastCheck.lastAdoptVoucherFile&&lastCheck.lastAdoptVoucherFile.fileUrl"
                    />{{
                      lastCheck.lastAdoptVoucherFile&&lastCheck.lastAdoptVoucherFile.fileName
                        ? lastCheck.lastAdoptVoucherFile.fileName
                        : ""
                    }}
                  </span>
                  </el-descriptions-item
                >
              </el-descriptions>
            </div>
          </div>
          <!-- 审核进程 -->
          <div class="model-outBox" ref="ten">
            <div class="model-title">
              <img src="@/assets/images/tripartite/icon_title.png" />
              <span>审核进程</span>
            </div>
            <el-table
              :data="approvalsList"
              border
              :cell-style="columnStyle"
              :span-method="objectSpanMethod"
            >
              <el-table-column
                label="项目阶段"
                align="center"
                prop="approvalStage"
              />
              <el-table-column
                label="节点"
                align="center"
                :show-overflow-tooltip="true"
              >
                <template slot-scope="scope">
                  <span>{{
                    scope.row.approvalNode == "申报修改"
                      ? "申报修改审核"
                      : scope.row.approvalNode == "方案修改"
                      ? "方案修改审核"
                      : scope.row.approvalNode
                  }}</span>
                </template>
              </el-table-column>
              <el-table-column
                label="开始时间"
                align="center"
                prop="startTime"
                :show-overflow-tooltip="true"
              />
              <el-table-column
                label="结束时间"
                align="center"
                prop="endTime"
                :show-overflow-tooltip="true"
              />
              <el-table-column
                label="操作人"
                align="center"
                prop="approvalOperator"
              />
              <el-table-column
                label="状态"
                align="center"
                prop="approvalStatus"
              >
                <template slot-scope="scope">
                  <span>{{
                    scope.row.approvalStatusName == "已抽取专家"
                      ? "已安排"
                      : scope.row.approvalStatusName == "待抽取专家"
                      ? "待安排"
                      : scope.row.approvalStatusName
                  }}</span>
                  <!-- <span>{{
                    scope.row.approvalStatus == "0"
                      ? "已提交"
                      : scope.row.approvalStatus == "1"
                      ? "待审核"
                      : scope.row.approvalStatus == "2"
                      ? "已通过"
                      : scope.row.approvalStatus == "3"
                      ? "驳回"
                      : scope.row.approvalStatus == "4"
                      ? "退回修改"
                      : scope.row.approvalStatus == "5"
                      ? "待提交"
                      : scope.row.approvalStatus == "6"
                      ? "已提交"
                      : scope.row.approvalStatus == "7"
                      ? "待抽取专家"
                      : "/"
                  }}</span> -->
                </template>
              </el-table-column>
              <el-table-column label="操作" align="center">
                <template slot-scope="scope">
                  <!-- <el-button
                    v-show="
                      scope.row.approvalStatus == '3'
                    "
                    size="mini"
                    type="text"
                    @click="handDialog(scope.row)"
                    :disabled="scope.row.endTime != null"
                    >修改</el-button
                  > -->
                  <!-- <el-button
                    v-show="
                      scope.row.approvalStatus == '5' ||
                      scope.row.approvalStatus == '15' ||
                      scope.row.approvalStatus == '18' ||
                      scope.row.approvalStatus == '19' ||
                      scope.row.approvalStatus == '59' ||
                      scope.row.approvalStatus == '67'
                    "
                    size="mini"
                    type="text"
                    @click="handDialog(scope.row)"
                    :disabled="scope.row.endTime != null"
                    >{{
                      scope.row.approvalStatus == "5"
                        ? "方案申报"
                        : scope.row.approvalStatus == "15" || scope.row.approvalStatus == "67"
                        ? "方案重申"
                        : scope.row.approvalStatus == "18"
                        ? "方案修改"
                        : scope.row.approvalStatus == "19"
                        ? "方案重申"
                        : scope.row.approvalStatus == "59"
                        ? "方案修改"
                        : ""
                    }}</el-button
                  > -->
                  <el-button
                    v-show="
                      scope.row.approvalStatus == '16'
                    "
                    size="mini"
                    type="text"
                    @click="handDialog(scope.row)"
                    >查看评审会议详情</el-button
                  >
                  <el-button
                    v-show="
                      scope.row.approvalStatus == '26'
                    "
                    size="mini"
                    type="text"
                    @click="handDialog(scope.row)"
                    >初设及概算方案批复管理</el-button
                  >
                  <el-button
                    v-show="
                      scope.row.approvalStatus == '29'
                    "
                    size="mini"
                    type="text"
                    @click="handDialog(scope.row)"
                    >合同备案管理</el-button
                  >
                  <el-button
                    v-show="
                      scope.row.approvalStatus == '31'
                    "
                    size="mini"
                    type="text"
                    @click="handDialog(scope.row)"
                    >里程碑管理</el-button
                  >
                  <el-button
                    v-show="
                      scope.row.approvalStatus == '14' || scope.row.approvalStatus == '15'
                    "
                    size="mini"
                    type="text"
                    @click="handDialog(scope.row)"
                    >查看专家批复</el-button
                  >
                  <!-- <el-button
                    v-show="scope.row.approvalStatus == '32'"
                    size="mini"
                    type="text"
                    @click="handDialog(scope.row)"
                    >合规审查申请</el-button
                  > -->
                  <!-- <el-button
                    v-show="scope.row.approvalStatus == '36'"
                    size="mini"
                    type="text"
                    @click="handDialog(scope.row)"
                    :disabled="scope.row.endTime != null"
                    >合规审查重申</el-button
                  > -->
                  <el-button
                    v-show="
                      scope.row.approvalStatus == '38'
                    "
                    size="mini"
                    type="text"
                    @click="handDialog(scope.row)"
                    >初验备案管理</el-button
                  >
                  <el-button
                    v-show="
                      scope.row.approvalStatus == '40'
                    "
                    size="mini"
                    type="text"
                    @click="handDialog(scope.row)"
                    >终验备案管理</el-button
                  >
                </template>
              </el-table-column>
              <el-table-column
                label="审批意见"
                align="center"
                prop="approvalOpinion"
                :show-overflow-tooltip="true"
              />
              <el-table-column
                  label="资料库"
                  align="center"
                  prop="relationFile"
                >
                <template slot-scope="scope">
                  <el-tooltip class="item" effect="dark" v-for="item in scope.row.relationFile" :key="item.id" :content="item.fileName" placement="left">
                    <!-- <a :href="item.fileUrl" style="color:#3171ee" class="files-box">
                      {{item.fileName}}
                    </a> -->
                    <span style="color:#3171ee" class="files-box" @click="$download(item.fileUrl)">{{item.fileName}}</span>
                  </el-tooltip>
                </template>
                </el-table-column>
            </el-table>
          </div>
          <!-- 标题 提交项目信息按钮 -->
          <div ref="handleBtn" style="marginTop:22px">
            <el-button type="primary" size="small" @click="handleAudit" :disabled="isDisable">提交项目信息</el-button>
            <el-button type="primary" size="small" @click="handleRetreat" v-show="isShowData.retreatType === '1'">撤回</el-button>
          </div>
        </div>
      </div>
    </el-card>
    <!-- 初设及概算方案批复 弹窗 -->
    <SendToApprovaDialog
      :showDialog="showDialog"
      @changeShowDialog="changeShowDialog"
      :proId="proId"
      :rowData="rowData"
    ></SendToApprovaDialog>
    <!-- 会议详情 弹窗 -->
    <MeetingDetailsDialog
      :showMeetingDetailsDialog="showMeetingDetailsDialog"
      :proId="proId"
      @changeShowDialog="changeShowDialog"
    ></MeetingDetailsDialog>
    <!-- 合同备案 弹窗 -->
    <ContractDialog
      :showContractDialog="showContractDialog"
      :proId="proId"
      :rowData="rowData"
      @changeShowDialog="changeShowDialog"
    ></ContractDialog>
    <!-- 初验备案管理 弹窗 -->
    <InitialTestDialog
      :showInitialTestDialog="showInitialTestDialog"
      :proId="proId"
      :rowData="rowData"
      @changeShowDialog="changeShowDialog"
    ></InitialTestDialog>
    <!-- 终验备案管理 弹窗 -->
    <FinalAcceptanceDialog
      :showFinalAcceptanceDialog="showFinalAcceptanceDialog"
      :proId="proId"
      :rowData="rowData"
      @changeShowDialog="changeShowDialog"
    ></FinalAcceptanceDialog>
    <!-- 里程碑管理 弹窗 -->
    <MilestoneDialog
      :showMilestoneDialog="showMilestoneDialog"
      :proId="proId"
      :rowData="rowData"
      @changeShowDialog="changeShowDialog"
    ></MilestoneDialog>
    <!-- 合规审查管理 弹窗 -->
    <ComplianceAuditDialog
      :showComplianceAuditDialog="showComplianceAuditDialog"
      :proId="proId"
      :rowData="rowData"
      @changeShowDialog="changeShowDialog"
    ></ComplianceAuditDialog>
    <!-- 专家批复 弹窗 -->
    <OnLineDialog
      :showOnLineDialog="showOnLineDialog"
      :proId="proId"
      :timeData="timeData"
      @changeShowDialog="changeShowDialog"
    ></OnLineDialog>
  </div>
</template>
<script>
import { getMyManagement, getRetreat } from "@/api/projectCompany/myProject";
import SendToApprovaDialog from "./components/sendToApprovaDialog";
import MeetingDetailsDialog from "./components/meetingDetailsDialog";
import ContractDialog from "./components/contractDialog";
import InitialTestDialog from "./components/initialTestDialog";
import FinalAcceptanceDialog from "./components/finalAcceptanceDialog";
import MilestoneDialog from "./components/milestoneDialog";
import ComplianceAuditDialog from "./components/complianceAuditDialog";
import OnLineDialog from "./components/onLineDialog";
import Print from "@/utils/print";
import PrintBox from './components/printBox.vue';

export default {
  components: {
    SendToApprovaDialog,
    MeetingDetailsDialog,
    ContractDialog,
    InitialTestDialog,
    FinalAcceptanceDialog,
    MilestoneDialog,
    ComplianceAuditDialog,
    OnLineDialog,
    PrintBox,
  },
  data() {
    return {
      // 是否显示弹出窗
      showDialog: false,
      showMeetingDetailsDialog: false,
      showContractDialog: false,
      showInitialTestDialog: false,
      showFinalAcceptanceDialog: false,
      showMilestoneDialog: false,
      showComplianceAuditDialog: false,
      showOnLineDialog:false,
      // 左侧导航
      leftTab: [
        { label: "项目申报", check: "0"},
        { label: "方案申报", check: "1"},
        { label: "项目实施", check: "2"},
        { label: "项目验收", check: "3"},
        { label: "审核进程", check: "4"},
        { label: "提交项目信息", check: "5"},
      ],
      checkActive: 0,
      //审批进程列表
      approvalsList: [],
      //审批进程列表--默认阶段、节点展示
      approvalsDefaultList: [
        { approvalStage: "项目申报", approvalNode: "申报提交" },
        { approvalStage: "项目申报", approvalNode: "申报审核" },
        { approvalStage: "项目申报", approvalNode: "申报修改", show: false },
        { approvalStage: "方案申报", approvalNode: "方案申报", showNode:true },
        { approvalStage: "方案申报", approvalNode: "安排评审会议", showNode:true },
        { approvalStage: "方案申报", approvalNode: "方案预审", showNode:true },
        { approvalStage: "方案申报", approvalNode: "现场论证", showNode:true },
        { approvalStage: "方案申报", approvalNode: "方案修改", show: false },
        { approvalStage: "方案申报", approvalNode: "初设及概算方案批复", showNode:true },
        { approvalStage: "项目实施", approvalNode: "合同备案", showNode:true },
        { approvalStage: "项目实施", approvalNode: "里程碑管理", showNode:true },
        { approvalStage: "项目验收", approvalNode: "合规审查", showNode:true },
        { approvalStage: "项目验收", approvalNode: "初验备案", showNode:true },
        { approvalStage: "项目验收", approvalNode: "终验备案", showNode:true },
      ],
      spanArr: [], //用于存放每一行记录的合并数
      pos: 0,
      // 里程碑信息列表
      milestoneList: [
        { milestoneName: "项目建议书审批通过" },
        { milestoneName: "可研报告审批通过" },
        { milestoneName: "可研批复(立项文件)审批通过" },
        { milestoneName: "合同签订" },
        { milestoneName: "上线试运行" },
        { milestoneName: "初验" },
        { milestoneName: "合规审查" },
        { milestoneName: "终验" },
      ],
      // 项目详情全部信息
      managementMessage: {},
      // 控制提交项目按钮是否可以点击
      isDisable:false,
      // 申报项目
      annualDeclaration: { projectProposalFile: { fileName: "", fileUrl: "" } },
      supplementaryDeclaration: {projectProposalFile: { fileName: "", fileUrl: "" },supplementaryVoucherFile: { fileName: "", fileUrl: "" }},
      // 方案申报
      schemeDeclaration: {
        budgetProgrammeFile: { fileName: "", fileUrl: "" },
        budgetProposalFile: { fileName: "", fileUrl: "" },
        preliminaryDesignSchemeFile: { fileName: "", fileUrl: "" },
        researchReportFile: { fileName: "", fileUrl: "" },
      },
      // 系统信息
      systemInfoList: [],
      // 政务数据资源目录清单
      governmentDataResourcesAddDtoList: [],
      // 云资源需求
      insertCloudResourceDtoList: [],
      // 物联设备信息
      insertIotDeviceInfoDtosList: [],
      // 初设及概算方案批复
      finance: {},
      // 合同信息
      contractInformation: {},
      // 初验信息
      preliminaryInformation: {},
      // 合规审查
      compliance: {},
      // 终验信息
      lastCheck: {},
      // 绩效评价
      score: [],
      technicalTitleDtoS: [],
      proId: undefined,
      //判断数据显示隐藏
      isShowData: {},
      rowData: {},
      showNode: true,  //根据项目类别判断节点的显隐
      printData: {}, // 待打印的内容
      timeData:'', //查看专家批复弹窗创建时间参数
    };
  },
  created() {
    this.$nextTick(() => {
      this.proId = this.$route.query.proId;
      this.getMyManagementData().then(()=>{
        this.handIsDisable();
      });
    });
  },
  watch: {
    approvalsList(newval, oldval) {
      // console.log("监听审核进程", newval, oldval);
      if (newval) {
        this.getSpanArr(newval);
      }
    },
    annualDeclaration(newval) {
      this.getPrintData(newval)
    },
    supplementaryDeclaration(newval) {
      this.getPrintData(newval)
    }
  },
  mounted() {
    // this.getSpanArr(this.approvalsList);
    this.$nextTick(()=>{
      window.addEventListener('scroll', this.windowScroll)
    })
  },
  methods: {
    /** 文件下载 */
    downloadFile(file) {
      if (file) {
        window.location.href = file.fileUrl;
      }
    },
    /** 格式化时间 */
    formatDate(val) {
      if(val){
        return val.substring(0, 10);
      }
    },
    /** 获取项目详情 */
    getMyManagementData() {
      const proId = this.$route.query.proId;
      // console.log(proId, "项目详情proId");
    return getMyManagement(proId).then((response) => {
        // console.log("我的项目详情", response);
        this.isShowData = response;
        //对项目阶段判断，如果没有哪个阶段，对应删除左侧边栏
        if (!this.isShowData.SchemeDeclaration) {
          let index = this.leftTab.findIndex((item) => item.check == "1");
          this.leftTab.splice(index, 1);
        }
        if (!this.isShowData.ContractInformation) {
          let index = this.leftTab.findIndex((item) => item.check == "2");
          this.leftTab.splice(index, 1);
        }
        if (!this.isShowData.Compliance) {
          let index = this.leftTab.findIndex((item) => item.check == "3");
          this.leftTab.splice(index, 1);
        }
        //根据项目类别判断节点的显隐
        if(this.isShowData.data.type !== '3'){
            this.showNode=true   
          }else{
            this.showNode=false
          }
        // 年度申报 
        if (response.AnnualDeclaration && response.AnnualDeclaration != null) {
          this.annualDeclaration = response.AnnualDeclaration;
        }
        // 增补申报
        if (
          response.SupplementaryDeclaration &&
          response.SupplementaryDeclaration != null
        ) {
          this.supplementaryDeclaration = response.SupplementaryDeclaration;          
        }
        // 方案申报
        if (response.SchemeDeclaration && response.SchemeDeclaration != null) {
          this.schemeDeclaration = response.SchemeDeclaration;
        }
        // 系统信息
        if (
          response.SchemeDeclaration &&
          response.SchemeDeclaration.systemInfoList != null
        ) {
          this.systemInfoList = response.SchemeDeclaration.systemInfoList;
        }
        // 政务数据资源目录清单
        if (
          response.SchemeDeclaration &&
          response.SchemeDeclaration.governmentDataResourcesAddDtoList != null
        ) {
          this.governmentDataResourcesAddDtoList =
            response.SchemeDeclaration.governmentDataResourcesAddDtoList;
        }
        // 云资源需求
        if (
          response.SchemeDeclaration &&
          response.SchemeDeclaration.insertCloudResourceDtoList != null
        ) {
          this.insertCloudResourceDtoList =
            response.SchemeDeclaration.insertCloudResourceDtoList;
        }
        // 物联设备信息
        if (
          response.SchemeDeclaration &&
          response.SchemeDeclaration.insertIotDeviceInfoDtosList != null
        ) {
          this.insertIotDeviceInfoDtosList =
            response.SchemeDeclaration.insertIotDeviceInfoDtosList;
        }
        // 初验
        if (
          response.PreliminaryInformation &&
          response.PreliminaryInformation != null
        ) {
          this.preliminaryInformation = response.PreliminaryInformation;
        }
        // 终验
        if (response.LastCheck && response.LastCheck != null) {
          this.lastCheck = response.LastCheck;
        }
        // 合同信息
        if (
          response.ContractInformation &&
          response.ContractInformation != null
        ) {
          this.contractInformation = response.ContractInformation;
        }
        // 里程碑
        if (
          response.MilestoneInformation &&
          response.MilestoneInformation != null
        ) {
          this.milestoneList = response.MilestoneInformation;
        }
        // 初设及概算方案批复
        if (response.Finance && response.Finance != null) {
          this.finance = response.Finance;
          // finance
        }
        // 审核进程
        if (response.Approval && response.Approval != null) {
          // this.approvalsList = response.Approval;
          let data = [];
          this.approvalsDefaultList.map((item, index) => {
            let flag = false;
            response.Approval.map((item1) => {
              if (item.approvalNode == item1.approvalNode) {
                data.push({ ...item, ...item1 });
                data.sort(function (a, b) {
                  return (
                    new Date(a.startTime).getTime() -
                    new Date(b.startTime).getTime()
                  );
                });
                flag = true;
                return false;
              } else {
                return false;
              }
            });
            if (flag == false) {
              item.showNode = this.showNode
              if (item.show == false || item.showNode == false) {
                return;
              } else {
                data.push(item);
              }
            }
            this.approvalsList = data;
            return false;
          });
        } else {
          this.approvalsList = this.approvalsDefaultList;
        }
        // 绩效评价
        if (response.Score && response.Score != null) {
          this.score = response.Score;
        }
        // 合规
        if (response.Compliance && response.Compliance != null) {
          this.compliance = response.Compliance;
        }
        // 项目详情全部信息
        if (response.data && response.data != null) {
          this.managementMessage = response.data;
        }
      });
    },
    /** 对表格单列样式更改 */
    columnStyle({ row, column, rowIndex, columnIndex }) {
      if (columnIndex == 0) {
        //第1列的背景色就改变
        return "background:#f8f8f9";
      }
    },
    // 合并表格
    getSpanArr(data) {
      for (var i = 0; i < data.length; i++) {
        if (i === 0) {
          this.spanArr.push(1);
          this.pos = 0;
        } else {
          // 判断当前元素与上一个元素是否相同
          if (data[i].approvalStage === data[i - 1].approvalStage) {
            this.spanArr[this.pos] += 1;
            this.spanArr.push(0);
          } else {
            this.spanArr.push(1);
            this.pos = i;
          }
        }
      }
    },
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        const _row = this.spanArr[rowIndex];
        const _col = _row > 0 ? 1 : 0;
        // console.log("22222", `rowspan:${_row} colspan:${_col}`);
        return {
          // [0,0] 表示这一行不显示， [2,1]表示行的合并数
          rowspan: _row,
          colspan: _col,
        };
      }
    },
    /** 返回按钮操作 */
    handBack() {
      // this.$router.push({
      //   path: "/manage/myProject",
      // });
      this.$router.back();
    },
    /** 左侧导航点击操作 */
    checkTab(id) {
      this.checkActive = id;
      this.$nextTick(() => {
        // console.log(11, this.$refs.one.offsetTop);
        // console.log(22, this.$refs.two.offsetTop);
        // console.log(33, this.$refs.three.offsetTop);
        // console.log(1010,this.$refs.ten.offsetTop);
      });
       //项目申报
      if (this.checkActive == 0) {
        window.scrollTo({
          top: this.$refs.one.offsetTop - 81,
          behavior: "smooth",
        });
      }
      //方案申报
      if (this.checkActive == 1) {
        window.scrollTo({
          top: this.$refs.three.offsetTop -24,
          behavior: "smooth",
        });
      }
      //项目实施
      if (this.checkActive == 2) {
        window.scrollTo({
          top: this.$refs.five.offsetTop -24,
          behavior: "smooth",
        });
      }
      //项目验收
      if (this.checkActive == 3) {
        window.scrollTo({
          top: this.$refs.seven.offsetTop -24,
          behavior: "smooth",
        });
      }
      //审核进程
      if (this.checkActive == 4) {
        window.scrollTo({
          top: this.$refs.ten.offsetTop -24,
          behavior: "smooth",
        });
      }
      //提交项目信息按钮
      if (this.checkActive == 5) {
        window.scrollTo({
          top: this.$refs.handleBtn.offsetTop -24,
          behavior: "smooth",
        });
      }
    },
    /** 显示隐藏 弹窗操作*/
    handDialog(row) {
      const proId = this.$route.query.proId;
      this.rowData = row;
      if (row.approvalNode === "申报审核" || row.approvalNode === "申报修改") {
        getMyManagement(proId).then((response) => {
          if (response.data.nature == "1") {
            this.$router.push({
              path: "/projectCompany/supplementaryDeclaration",
              query: {
                proId: response.SupplementaryDeclaration.supplementaryId,
                supplementaryDeclaration: response.SupplementaryDeclaration,
              },
            });
          }
          if (response.data.nature == "0") {
            this.$router.push({
              path: "/projectCompany/annualReturn",
              query: {
                proId: response.AnnualDeclaration.annualId,
                annualDeclaration: response.AnnualDeclaration,
              },
            });
          }
        });
      }
      // if (
      //   row.approvalStatus === "5" ||
      //   row.approvalStatus === "15" ||
      //   row.approvalStatus === "18" ||
      //   row.approvalStatus === "19" ||
      //   row.approvalStatus === "59" ||
      //   row.approvalStatus === "67" 
      // ) {
      //   this.$router.push({
      //     path: "/projectCompany/myProject/schemeDeclare",
      //     query: {
      //       proId: proId,
      //       relationId: row.relationId,
      //     },
      //   });
      // }
      if (row.approvalNode === "初设及概算方案批复") {
        this.showDialog = true;
      }
      if (row.approvalStatus === "16") {
        this.showMeetingDetailsDialog = true;  //会议详情弹窗展示在现场论证待审核状态位置
      }
      if (row.approvalNode === "初验备案") {
        this.showInitialTestDialog = true;
      }
      if (row.approvalNode === "合同备案") {
        this.showContractDialog = true;
      }
      if (row.approvalNode === "终验备案") {
        this.showFinalAcceptanceDialog = true;
      }
      if (row.approvalNode === "里程碑管理") {
        this.showMilestoneDialog = true;
      }
      if (row.approvalNode === "合规审查") {
        this.showComplianceAuditDialog = true;
      }
      if (row.approvalStatus === "14" || row.approvalStatus === "15") {
        this.showOnLineDialog = true;
        this.timeData = row.updateTime;
      }
    },
    /** 显示隐藏 弹窗操作 提交项目信息按钮*/
    handleAudit(){
      this.rowData = this.managementMessage;
      if(this.managementMessage.isState==='3'||this.managementMessage.isState==='55'||this.managementMessage.isState==='52'){
        // 项目申报
        if (this.managementMessage.nature == "1") {
            this.$router.push({
              path: "/projectCompany/supplementaryDeclaration",
              query: {
                proId: this.managementMessage.supplementaryId,
              },
            });
          }
        if (this.managementMessage.nature == "0") {
          this.$router.push({
            path: "/projectCompany/annualReturn",
            query: {
              proId: this.managementMessage.annualId,
            },
          });
        }
      }else if(this.managementMessage.isState==='5' || 
        this.managementMessage.isState==='15'||
        this.managementMessage.isState==='18'||
        this.managementMessage.isState==='19'||
        this.managementMessage.isState==='59'||
        this.managementMessage.isState==='67'){
        // 方案申报
        this.$router.push({   
          path: "/projectCompany/myProject/schemeDeclare",
          query: {
            proId: this.managementMessage.proId,
            relationId: this.managementMessage.programmeId,
          },
        });
      }else if(this.managementMessage.isState==='25'){
        this.showDialog = true; // 左下角初设及概算方案批复提交弹窗
      }else if(this.managementMessage.isState==='28'){
        this.showContractDialog = true; // 左下角合同备案提交弹窗
      }else if(this.managementMessage.isState==='30'){
        this.showMilestoneDialog = true;  // 左下角里程碑管理提交弹窗
      }else if(this.managementMessage.isState==='32'||this.managementMessage.isState==='36'){
        this.rowData.relationId = this.managementMessage.complianceId;
        this.showComplianceAuditDialog = true; // 左下角合规审查提交弹窗
      }else if(this.managementMessage.isState==='37'){
        this.showInitialTestDialog = true;  // 左下角初验信息提交弹窗
      }else if(this.managementMessage.isState==='39'){
        this.showFinalAcceptanceDialog = true;  // 左下角终验信息提交弹窗
      }
    },
    /** 撤回按钮操作 年度计划抽取专家之前显示 */
    handleRetreat(){
      this.$confirm("是否确认撤回 ？", "撤回", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
        customClass: "del_box",
      }).then((code) =>{
        if (code === 'confirm') {
          getRetreat(this.managementMessage.proId).then(res => {
            if (res.code === 200) {
              this.$message.success('操作成功')
              this.$router.push('/manage/myProject')
            } else {
              this.$message.error(res.msg)
            }
          })
        }
      })
    },
    /** 判断审批按钮是否可以点击 */
    handIsDisable(){
      if(this.managementMessage.isState==='3'||
      this.managementMessage.isState==='5'||
      this.managementMessage.isState==='15'||
      this.managementMessage.isState==='18'||
      this.managementMessage.isState==='19'||
      this.managementMessage.isState==='59'||
      this.managementMessage.isState==='67'||
      this.managementMessage.isState==='25'||
      this.managementMessage.isState==='28'||
      this.managementMessage.isState==='30'||
      this.managementMessage.isState==='32'||
      this.managementMessage.isState==='36'||
      this.managementMessage.isState==='37'||
      this.managementMessage.isState==='39'||
      this.managementMessage.isState==='55'||
      this.managementMessage.isState==='52'){
        this.isDisable=false;
        window.scrollTo({
          top: this.$refs.handleBtn.offsetTop -24,
          behavior: "smooth",
        });
      }else{
        this.isDisable=true;
      }
    },
    changeShowDialog(data) {
      if (data == "false") {
        this.showDialog = false;
        this.showMeetingDetailsDialog = false;
        this.showContractDialog = false;
        this.showInitialTestDialog = false;
        this.showFinalAcceptanceDialog = false;
        this.showMilestoneDialog = false;
        this.showComplianceAuditDialog = false;
        this.showOnLineDialog = false;
      } else {
        this.showDialog = true;
        this.showMeetingDetailsDialog = true;
        this.showContractDialog = true;
        this.showInitialTestDialog = true;
        this.showFinalAcceptanceDialog = true;
        this.showMilestoneDialog = true;
        this.showComplianceAuditDialog = true;
        this.showOnLineDialog = true;
      }
    },
    /** 获取滚动条的高度 */
    windowScroll() {
      // 滚动条距离页面顶部的距离
      // 以下写法原生兼容
      let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
      // console.log('滚动条高度',scrollTop);
      // if(this.isShowData.ContractInformation || this.isShowData.Compliance){
        let two = this.$refs.two.offsetTop - 30
        let twoHeight = this.$refs.two.scrollHeight;
        if(scrollTop <= two + twoHeight){
          this.checkActive = 0
        }
        // 方案申报
        let three = this.$refs.tabsTwo.offsetTop - 30
        let threeHeight = this.$refs.tabsTwo.scrollHeight;
        if(this.isShowData.SchemeDeclaration && scrollTop>=three && scrollTop <= three + threeHeight){
            this.checkActive = 1
        }
        //项目实施
        let five = this.$refs.tabsThree.offsetTop -30
        let fiveHeight = this.$refs.tabsThree.scrollHeight;
        if (this.isShowData.ContractInformation && scrollTop>=five && scrollTop <= five + fiveHeight) {
          this.checkActive = 2
        }
        // 项目验收
        let seven = this.$refs.tabsFour.offsetTop -30
        let sevenHeight = this.$refs.tabsFour.scrollHeight;
        if (this.isShowData.Compliance && scrollTop>=seven && scrollTop <= seven + sevenHeight) {
          this.checkActive = 3
        }
        //审核进程
        let ten = this.$refs.ten.offsetTop - 30
        let tenHeight = this.$refs.ten.scrollHeight;
        if(scrollTop>=ten && scrollTop <= seven + tenHeight){
          this.checkActive = 4 
        }
      // }else{
      // }
    },
    toPrint() {
      Print(this.$refs.printBox);
    },
    getPrintData(target) {
      const fields = [
        'preliminaryWorkCompletion',
        'sourceOfFunds',
        'projectInvestmentEstimation',
        'expectedEffectDescription',
        'projectContentIntroduction',
        'reasonsForProjectConstruction',
        'contactTelephone',
        'projectContact',
        'telephoneNumber',
        'projectLeader',
        'entryName',
        'projectCategory',
        'workCompletion', // 项目进展
      ];
      
      const result =  fields.reduce((obj, field) => {
        obj[field] = target[field]
        return obj
      }, {})
      const { sourceOfFunds } = result;
      // 资金来源
      result.sourceOfFunds = sourceOfFunds== "0" ? "区财政资金" : sourceOfFunds== "1" ? "其他": ""
      // 项目进展
      result.preliminaryWorkCompletion = result.preliminaryWorkCompletion || result.workCompletion
      result.proId = this.proId
      this.printData = result;
      return result
    }
  },
  beforeDestroy() {
      window.removeEventListener('scroll', this.windowScroll)
  },

};
</script>
<style scoped lang="scss">
.projectView-title-outBox {
  display: flex;
  justify-content: space-between;
  .projectView-title {
    font-weight: 500;
    font-size: 18px;
    font-family: "PingFang SC";
  }
  .back-btn {
    font-size: 14px;
    color: #333;
    cursor: pointer;
    img {
      width: 16px;
      height: 16px;
      margin-right: 6px;
      position: relative;
      top: 2px;
    }
  }
}
.submit-outBox {
  width: 100%;
  text-align: center;
  .btn {
    width: 200px;
  }
}
.content-outBox {
  display: flex;
  justify-content: space-around;
  .step-left {
    width: 146px;
    height: 240px;
    text-align: center;
    margin-top: 24px;
    .pos {
      width: 146px;
      text-align: center;
      border-left: 2px solid #f5f5f5;
      padding: 0 24px;
      position: fixed;
      // left: 240px;
      div {
        height: 48px;
        line-height: 48px;
        font-size: 16px;
        font-family: PingFang SC, PingFang SC-Medium;
        font-weight: 500;
        cursor: pointer;
      }
    }
    .active {
      color: #3171ee;
      position: relative;
      span {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: 2px solid #3171ee;
        position: absolute;
        left: -30px;
        top: 19px;
      }
    }
  }
  .content-right {
    width: 1440px;
    .model-title {
      height: 50px;
      line-height: 50px;
      border-bottom: 1px solid #ebecef;
      border-top: 1px solid #ebecef;
      margin-bottom: 24px;
      margin-top: 24px;
      font-family: "PingFang SC";
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      img {
        width: 16px;
        height: 16px;
        position: relative;
        right: 5px;
        top: 2px;
      }
    }
  }
}
</style>
<style lang="scss">
/*表单label不加粗  */
label {
  font-weight: normal !important;
}
/* el-descriptions-item 文字居中 */
.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
  text-align: center;
}
.content-right {
  /* 信息描述组件样式更改 */
  .descriptions-item-label {
    width: 240px;
  }
  .descriptions-item-content {
    text-align: left !important;
    img {
      width: 16px;
      height: 16px;
      margin-right: 10px;
      position: relative;
      top: 4px;
    }
  }
  .cancel-border-top {
    border-top: 0 !important;
  }
  .cancel-border-bottom {
    border-bottom: 0 !important;
  }
  .descriptions-item-height {
    height: 108px;
  }
}
// 资料库a标签样式修改
.files-box{
  width: 100%;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  float: left;
  cursor: pointer;
}
</style>